<template>
    <div>
        <div class="product">
            <div v-for="(item,i) of list" :key="i">
            <img :src="`http://127.0.0.1:3000/`+item.path" class="p1">
            <p class="title">{{item.title}}</p>
            <p class="title" style="margin-top:-10px;color:red;">￥{{item.price}}</p>
            <p class="title" style="margin-top:-10px;">已售出{{item.online}}</p>
        </div>
        <div style="font-size:14px;text-align: center;margin-top:10px;color:#666;">
            <span>—</span>
            <span style="margin:0 10px;">已经到底啦</span>
            <span>—</span>
        </div>
        <div style="width:100%;height:80px;"></div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            list:[],
        }
    },
    methods: {
        loadMove(){
             let url="price";
             let obj={};
             this.axios.get(url,{params:obj}).then(result=>{
                 let rows=this.list.concat(result.data.data);
                 this.list=rows;
             })
        },
    },
    created() {
        this.loadMove();
    },
}
</script>
<style scoped>
    .product{
        margin-top:10px;
        display: flex; 
        justify-content: space-around;
        flex-wrap:wrap;
    }
    .p1{
        width:175px;
        height:165px;
        margin-bottom:-7px;
    }
    .title{
        font-size:14px;
    }
</style>